<!DOCTYPE html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="author" content="NiceQuotes">

	<title>Consider what the majority of designers do to promote themselves in this brave new maker-creative culture.</title> 
	<!--This meta is use for facebook share, like-->
	<meta property="fb:app_id" content="337775549681320"/>
	<meta property="og:site_name" content="Nice Quotes" />
	<meta property="og:title" content="Quotes #2 " />
	<meta property="og:image" content="http://nicequotes.vocit.net/img/avatar.jpg" />
	<meta property="og:type" content="article" />
	<meta property="og:url" content="http://nicequotes.vocit.net/detail.html" />
	<meta name="og:description" content="Consider what the majority of designers do to promote themselves in this brave new maker-creative culture. People like my friend, Elliot Jay Stocks: making his own magazine, making music, distributing WordPress themes, and writing about his experiences. Yes, it is important for him that he has an audience, and yes, he wants us to buy his stuff, but no, he won’t try to impress or trick us into liking him. It’s our choice. " />
	<meta name="description" content="Consider what the majority of designers do to promote themselves in this brave new maker-creative culture. People like my friend, Elliot Jay Stocks: making his own magazine, making music, distributing WordPress themes, and writing about his experiences. Yes, it is important for him that he has an audience, and yes, he wants us to buy his stuff, but no, he won’t try to impress or trick us into liking him. It’s our choice. " />

	<!--styles -->
	<link href="css/bootstrap.css" rel="stylesheet">
	<link href="css/bootstrap-responsive.css" rel="stylesheet">
	<link href="css/main.css" rel="stylesheet">

	<!--scripts-->
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="http://static.hostvn.net/js/cufon-yui.js"></script>
	<script src="http://static.hostvn.net/js/UTM_Avo_400.font.js"></script>
	<script src="js/main.js"></script>
</head>
<body>
	<!--Facebook-->
	<div id="fb-root"></div>
	<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=337775549681320";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
	<!--end Facebook-->
	<!--header-->
	<div class="navbar">
		<div class="navbar-inner">
			<div class="container">
				<div class="span12">
					<a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</a>
					<div class="logo" style="float: left;">
						<a href="index.html">
							<img src="img/logo.png"/>
						</a>
					</div>
					<div class="nav-collapse navbar-responsive-collapse in collapse" style="height: auto;">
						<ul class="nav">
							<li class="divider-vertical"></li>
							<li>
								<a href="list.html">Popular</a>
							</li>
							<li class="divider-vertical"></li>
							<li>
								<a href="#">Recent</a>
							</li>
							<li class="divider-vertical"></li>
							<li>
								<a href="#">New</a>
							</li>
							<li class="divider-vertical"></li>
							<li>
								<a href="#">Friends</a>
							</li>
							<li class="divider-vertical"></li>
							<li class="dropdown avatar">
								<a data-toggle="dropdown" class="dropdown-toggle" href="#">
									<img class="img-circle" src="img/avatar.jpg"/>
									Pisun2 <b class="caret"></b>
								</a>
								<ul class="dropdown-menu">
									<li>
										<a href="#">Action</a>
									</li>
									<li>
										<a href="#">Another action</a>
									</li>
									<li>
										<a href="#">Something else here</a>
									</li>
									<li class="divider"></li>
									<li class="nav-header">Nav header</li>
									<li>
										<a href="#">Separated link</a>
									</li>
									<li>
										<a href="#">One more separated link</a>
									</li>
								</ul>
							</li>
							<li class="divider-vertical"></li>
						</ul>
						<form action="" class="navbar-search pull-left">
							<input type="text" placeholder="Search" class="search-query span2"></form>
						<ul class="nav pull-right">
							<!--<li>
							<button class="btn btn-primary" type="button">Login with Facebook</button>
						</li>
						-->
					</ul>
				</div>
				<!-- /.nav-collapse -->
			</div>
		</div>
	</div>
	<!-- /navbar-inner -->
</div>
<!--end header-->
<!--body-->
<div class="container" style="min-height: 200px;">
	<div class="span8 main-content">
		<!--Sidebar content-->
		<fieldset>
			<legend  class="Cufon">
				<img src="img/quote.jpg" alt="quote">Quotes #1</legend>
			<ul class="media-list">
				<li class="media">
					<a href="#" class="pull-left">
						<img data-src="holder.js/64x64" class="media-object img-polaroid" alt="64x64" style="width: 64px; height: 64px;" src="img/phuong.jpg"></a>
					<div class="media-body">
						<h6 class="media-heading">
							<a href="detail.html">Quotes #2</a>
						</h6>
						<blockquote> <em>Consider what the majority of designers do to promote themselves in this brave new maker-creative culture. People like my friend, Elliot Jay Stocks: making his own magazine, making music, distributing WordPress themes, and writing about his experiences. Yes, it is important for him that he has an audience, and yes, he wants us to buy his stuff, but no, he won’t try to impress or trick us into liking him. It’s our choice.</em> 
							<small>
								<a href='#'>Dr. Seuss</a>
							</small>
						</blockquote>
					</div>
				</li>

			</ul>
		</fieldset>

		<!--Comment-->
		<div class="like-button-detail-right">
			<div class="fb-like" data-send="true" data-layout="button_count" data-width="100" data-show-faces="true"></div>
		</div>
		<br/>
		<div class="fb-comments visible-desktop" data-href="http://nicequotes.vocit.net/detail.html" data-width="770" data-num-posts="10"></div>
		<div class="fb-comments visible-phone" data-href="http://nicequotes.vocit.net/detail.html" mobile="true" data-num-posts="10"></div>
		<!--End comment-->
	</div>
	<div class="span3 visible-desktop" style="min-height: 200px; background-color: #F5F5F5;">
		<!--Plugin-->
		<div class="fb-like-box" data-href="https://www.facebook.com/vocit.net" data-width="270" data-show-faces="true" data-stream="false" data-show-border="false" data-header="true"></div>
	</div>
</div>
<!--end body-->
<!--footer-->
<div class="container">
	<div class="span12 footer text-center Cufon">Copyright © 2013 ChiEmProductions</div>
</div>
<!--end footer-->
</body>
</html>